<template>
  <div>
    <SkyPanel title="合同列表">
      <template v-slot:main>

        <SkyTable v-slot="row" :data="data">
          <SkyColumn :row="row.scope" prop="col1" label="序号"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col2" label="合同名称"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col3" label="合同编号"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col4" label="项目名称"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col5" label="专业类别"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col6" label="签约日期"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col7" label="甲方单位"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col8" label="乙方单位"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col9" label="合同金额"></SkyColumn>
        </SkyTable>

      </template>
    </SkyPanel>
  </div>
</template>

<script lang="ts">
  import { defineComponent } from "vue";

  export default defineComponent({
    setup() {
      return {};
    },
    data() {
      return {
        data: [
          {
            col1: "1",
            col2: "上海黄埔总包施工类别",
            col3: "ZBSD2021ht",
            col4: "新城花苑项目",
            col5: "总承包",
            col6: "2020/03/12",
            col7: "上海天好",
            col8: "中建一局",
            col9: "100,000,000.00",
          },
          {
            col1: "1",
            col2: "上海黄埔总包施工类别",
            col3: "ZBSD2021ht",
            col4: "新城花苑项目",
            col5: "总承包",
            col6: "2020/03/12",
            col7: "上海天好",
            col8: "中建一局",
            col9: "100,000,000.00",
          },
          {
            col1: "1",
            col2: "上海黄埔总包施工类别",
            col3: "ZBSD2021ht",
            col4: "新城花苑项目",
            col5: "总承包",
            col6: "2020/03/12",
            col7: "上海天好",
            col8: "中建一局",
            col9: "100,000,000.00",
          },
        ],
      };
    },
  });
</script>

<style scoped>
</style>